<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>SIG Login</title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>
    <h:body>
       <h:form>           

            <p:growl id="growl" sticky="true" showDetail="true" life="3000" />
            <p:panel style="background-image: url(images/BG.jpg); height: 600px;">
            <center>                        
                        <IMG SRC="images/framesuperior1.png" ALT="TESECOMP" width="1212" height="150" />
                </center>
                <p:panel header="Ingreso al Sistema" widgetVar="dlg" style=" width: 250px; margin: auto">
                <h:panelGrid columns="2" cellpadding="5">
                <h:outputLabel for="username" value="Username:" />
                <p:inputText id="username" value="#{mbLogin.usuario}" required="true" label="username" />
 
                <h:outputLabel for="password" value="Password:" />
                <p:password id="password" value="#{mbLogin.contrasenia}" required="true" label="password" />
 
                <f:facet name="footer">
                    <p:commandButton value="Login" update="growl" action="#{mbLogin.login()}"
                                     oncomplete="handleLoginRequest(xhr, status, args)" style=" width: 210px" />
                </f:facet> 
                 <f:facet name="footer1">
                    <h:messages infoStyle="color: blue;list-style:none;" errorStyle="color:red;list-style:none;" />
                </f:facet> 
                </h:panelGrid>
            </p:panel>
           </p:panel>
        </h:form>
    </h:body>












</html>

